<template>
  <div class="category-item">
      <img :src="subCategoryList.image" alt="">
      <p>{{subCategoryList.title}}</p>
  </div>
</template>

<script>
export default {
    name:'CategoryItem',
    props:{
        subCategoryList: {
            type: Object,
            default() {
                return {};
            }
        }
    },
    
}
</script>

<style scoped>
.category-item {
    
    width: 50%;
    
    text-align: center;
    padding:10px
}
.category-item img{
    width: 100px; 
}
</style>